<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>상품리스트</title>

	<script type="text/javascript">
		
		
	</script>
</head>
<body>
	<!-- =============================================== menu 시작 -->
	<a href="/jsp/main.jsp">홈으로</a>
	<!-- =============================================== menu 끝 -->
	
	<!-- =============================================== content 시작 -->
	<!-- 검색 시작 -->
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<tr>
			<th>
				검색조건 :
				<select>
					<option value="">전체</option>
					<option value="">상품명</option>
					<option value="">태그</option>
					<option value="">옵션</option>
					<option value="">이벤트상품</option>
					<option value="">추천상품</option>
					<option value="">인기상품</option>
				</select> 
				<input type="text" name="" id="" value=""/>
				[검색]
			</th>
		</tr>
	</table>
	<!-- 검색 끝 -->

	<!-- 버튼 시작 -->
	<div style="text-align:right">
		[상품삭제]
		[상품등록] 
	</div>
	<!-- 버튼 끝 -->

	<!-- 리스트 시작 -->
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<thead>
		<tr>
			<th>번호</th>
			<th>상품명</th>
			<th>금액</th>
			<th>재고수량</th>
			<th>이벤트</th>
			<th>인기</th>
			<th>추천</th>
			<th>등록일</th>
		</tr>
		</thead>
		
		<tbody>
		<tr>
			<th>1</th>
			<th>상품명1</th>
			<th>10000000</th>
			<th>222222</th>
			<th>Y</th>
			<th>Y</th>
			<th>Y</th>
			<th>0000-00-00</th>
		</tr>
		<tr>
			<th>2</th>
			<th>상품명1</th>
			<th>10000000</th>
			<th>222222</th>
			<th>Y</th>
			<th>Y</th>
			<th>Y</th>
			<th>0000-00-00</th>
		</tr>		
		</tbody>
		
		<tfoot>
		<tr>
			<th colspan="8" align="center">페이징</th>
		</tr>
		</tfoot>
	</table>
	<!-- 리스트 끝 -->
	
	<!-- 등록 페이지 시작 -->
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<caption>상품정보 등록</caption>
		<tbody>
		<tr>
			<th>상품명</th>
			<td><input type="text" name="" id="" value=""/></td>
		</tr>
		<tr>
			<th>상품설명</th>
			<td><textarea></textarea></td>
		</tr>
		<tr>
			<th>금액</th>
			<td><input type="text" name="" id="" value=""/></td>
		</tr>
		<tr>
			<th>수량</th>
			<td><input type="text" name="" id="" value=""/> (개)</td>
		</tr>		
		<tr>
			<th>상품상태</th>
			<td>
				<input type="checkbox" name="" id="" value=""/>이벤트상품
				<input type="checkbox" name="" id="" value=""/>추천상품
				<input type="checkbox" name="" id="" value=""/>인기상품
			</td>
		</tr>
		</tbody>
	</table>
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<thead>
		<tr>
			<th>이미지</th>
			<td colspan="4">
				<input type="file" name="" id="" value=""/>
				[파일업로드]
			</td>
		</tr>
		<tr>
			<td>섬네일</td>
			<td>파일명</td>
			<td>용량</td>
			<td>등록일</td>
			<td>기능</td>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td><img src="" width="30px" height="30px"/></td>
			<td>dkdkdkdkddk Test.jsp</td>
			<td>xxxxx</td>
			<td>xxxx-xx-xx</td>
			<td>[삭제]</td>
		</tr>
		</tbody>
	</table>
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<thead>
		<tr>
			<td colspan="2">태그명
				<select>
					<option>태그1</option>
					<option>태그2</option>
					<option>태그3</option>
				</select>
				[추가]
			</td>
		</tr>
		<tr>
			<th>태그명</th>
			<th>기능</th>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td>태그1</td>
			<td>[삭제]</td>
		</tr>
		</tbody>
	</table>	
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<thead>
		<tr>
			<td colspan="3">옵션
				<select>
					<option>옵션1</option>
					<option>옵션2</option>
					<option>옵션3</option>
				</select>
				<input type="text" name="" id="" value=""/>
				[추가]
			</td>
		</tr>
		<tr>
			<th>옵션</th>
			<th>내용</th>
			<th>기능</th>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td>색상</td>
			<td>빨강</td>
			<td>[삭제]</td>
		</tr>
		</tbody>
		<tfoot>
			<tr>
				<td colspan="3" align="center">
					[닫기]
					[상품등록]
				</td>
			</tr>
		</tfoot>
	</table>	
	<!-- 등록 페이지 끝 -->
	
	<!-- 상세 페이지 시작 -->
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<caption>상품정보 등록</caption>
		<tbody>
		<tr>
			<th>상품명</th>
			<td>상품명....ㄴ어ㅏ럼나어리먼ㅇ리ㅓ</td>
		</tr>
		<tr>
			<th>상품설명</th>
			<td>상품설명 머이러밍널 살ㅇ품설명 상품설머아ㅣㅓㄹㅁ넝리멍리</td>
		</tr>
		<tr>
			<th>금액</th>
			<td>1000000 (원)</td>
		</tr>
		<tr>
			<th>수량</th>
			<td>1123123 (개)</td>
		</tr>		
		<tr>
			<th>상품상태</th>
			<td>
				이벤트상품
				추천상품
				인기상품
			</td>
		</tr>
		</tbody>
	</table>
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<thead>
		<tr>
			<td>섬네일</td>
			<td>파일명</td>
			<td>용량</td>
			<td>등록일</td>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td><img src="" width="30px" height="30px"/></td>
			<td>dkdkdkdkddk Test.jsp</td>
			<td>xxxxx</td>
			<td>xxxx-xx-xx</td>
		</tr>
		</tbody>
	</table>
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<thead>
		<tr>
			<th>태그명</th>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td>태그1</td>
		</tr>
		</tbody>
	</table>	
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<thead>
		<tr>
			<th>옵션</th>
			<th>내용</th>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td>색상</td>
			<td>빨강</td>
		</tr>
		</tbody>
		<tfoot>
			<tr>
				<td colspan="3" align="center">
					[닫기]
					[수정]
				</td>
			</tr>
		</tfoot>
	</table>	
	<!-- 상세 페이지 끝 -->
	
	<!-- 수정 페이지 시작 -->
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<caption>상품정보 수정</caption>
		<tbody>
		<tr>
			<th>상품명</th>
			<td><input type="text" name="" id="" value=""/></td>
		</tr>
		<tr>
			<th>상품설명</th>
			<td><textarea></textarea></td>
		</tr>
		<tr>
			<th>금액</th>
			<td><input type="text" name="" id="" value=""/></td>
		</tr>
		<tr>
			<th>수량</th>
			<td><input type="text" name="" id="" value=""/> (개)</td>
		</tr>		
		<tr>
			<th>상품상태</th>
			<td>
				<input type="checkbox" name="" id="" value=""/>이벤트상품
				<input type="checkbox" name="" id="" value=""/>추천상품
				<input type="checkbox" name="" id="" value=""/>인기상품
			</td>
		</tr>
		</tbody>
	</table>
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<thead>
		<tr>
			<th>이미지</th>
			<td colspan="4">
				<input type="file" name="" id="" value=""/>
				[파일업로드]
			</td>
		</tr>
		<tr>
			<td>섬네일</td>
			<td>파일명</td>
			<td>용량</td>
			<td>등록일</td>
			<td>기능</td>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td><img src="" width="30px" height="30px"/></td>
			<td>dkdkdkdkddk Test.jsp</td>
			<td>xxxxx</td>
			<td>xxxx-xx-xx</td>
			<td>[삭제]</td>
		</tr>
		</tbody>
		
		<tfoot>
		</tfoot>
	</table>
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<thead>
		<tr>
			<td colspan="2">태그명
				<select>
					<option>태그1</option>
					<option>태그2</option>
					<option>태그3</option>
				</select>
				[추가]
			</td>
		</tr>
		<tr>
			<th>태그명</th>
			<th>기능</th>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td>태그1</td>
			<td>[삭제]</td>
		</tr>
		</tbody>
	</table>	
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<thead>
		<tr>
			<td colspan="3">옵션
				<select>
					<option>옵션1</option>
					<option>옵션2</option>
					<option>옵션3</option>
				</select>
				<input type="text" name="" id="" value=""/>
				[추가]
			</td>
		</tr>
		<tr>
			<th>옵션</th>
			<th>내용</th>
			<th>기능</th>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td>색상</td>
			<td>빨강</td>
			<td>[삭제]</td>
		</tr>
		</tbody>
		<tfoot>
			<tr>
				<td colspan="3" align="center">
					[닫기]
					[수정완료]
				</td>
			</tr>
		</tfoot>
	</table>
	<!-- 수정 페이지 등록 -->	
	
		
	<!-- =============================================== content 끝 -->
	<!-- =============================================== footer 시작 -->
	<!-- =============================================== footer 끝 -->	
</body>
</html>